/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 15 version
*/

/* banner */
#banner .content-wrap{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
#banner .content{width: 100%;margin-top: -40px;z-index: 10;}
#banner .content p span{display: inline-block;line-height: 24px;vertical-align: 2px;}
#banner .content h4{font-weight: 100;color: #F4822F;}
#banner .content h3 img{height: 58px;margin-right: 10px;vertical-align: -9px;}
#banner .pagination {position: absolute;left:50%;z-index: 30;bottom: 10px;width: 100%;text-align: right;max-width: 1500px;padding: 0 50px;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}
#banner .swiper-pagination-switch {display: inline-block;width: 20px;height: 20px;border-radius: 0;background: none;margin: 0 5px;opacity: 1;border: none;cursor: pointer;background-image: url(../static/images/banner-icon1.png);background-repeat: no-repeat;background-position: center center;background-size: 100%;background-color: transparent;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#banner .swiper-active-switch {background-image: url(../static/images/banner-icon2.png);}
#banner .btn-wrap a{display: inline-block;margin: 0 15px;}
#banner .btn-wrap a img{opacity: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#banner .btn-wrap a:hover img{opacity: 1;}
#banner .btn-wrap a:first-child{background-image: url(../static/images/banner-btn1-1.png);}
#banner .btn-wrap a:nth-child(2){background-image: url(../static/images/banner-btn2-1.png);}
#banner .btn-wrap a:last-child {background-image: url(../static/images/banner-btn3-1.png);}
#banner .hot-news{position: absolute;left:50%;z-index: 20;bottom: 0;width: 100%;max-width: 1500px;padding: 0 50px;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);z-index: 50;}
#banner #hotNews{width: 80%;max-width: 800px;height: 60px;background-color: #1b1464;margin: 0;background-image:-o-linear-gradient(90deg,#1b1464,#0071ba);background-image:linear-gradient(90deg,#1b1464,#0071ba);}
#banner #hotNews .news-content{color: #fff;line-height: 30px;width: 100%;position: absolute;top: 50%;left: 0;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);padding: 0 30px;}
#banner #hotNews .news-content .icon-tongzhi{font-size: 18px;margin-right: 20px;}
#banner #hotNews .news-content .icon-you-{font-size: 16px;}
#banner #hotNews .news-content .text{width: -webkit-calc(100% - 150px);width: calc(100% - 150px);padding-right: 10px;}

/* news */
.news{padding: 100px 0;background-image: url(../static/images/index-news-bg.png);background-size: 80%;background-position: center 50px;}
.news .num-wrap li{display: inline-block;width: 100px;margin-left: 30px;}
.news .num-wrap li h4 strong{position: relative;font-family: num;}
.news .num-wrap li:first-child{margin-left: 0;width: 150px;}
.news .num-wrap li:nth-child(2){width: 170px;margin-left: 10px;}
.news .num-wrap li:nth-child(3){width: 115px;margin-left: 20px;}
.news .num-wrap .add h4 strong::after{content: '+';position: absolute;right: -20px;top: 0;font-size: 24px;font-weight: normal;line-height: 1;}
.news .num-wrap .add.addfrist h4 strong::after{content: 'th';position: absolute;right: -20px;top: 0;font-size: 24px;font-weight: normal;line-height: 1;}
.news .num-wrap .add h4 span{display: none;}
.news .news-slide a,.news .news-slide img{width: 100%;transition: all .3s ease;}
.news .pic-wrap{height: 400px;transition: all .3s ease;}
.news .text-wrap{padding: 25px;background-color: #fff;position: relative;}
.news .text-wrap .time{padding-right: 25px;border-right:1px solid #999;}
.news .text-wrap .text{width: -webkit-calc(100% - 210px);width: calc(100% - 210px);line-height: 24px;height: 48px;overflow: hidden;margin-left: 25px;}
/* .news .news-slide .swiper-slide,.news .news-slide .swiper-wrapper{height: auto!important;} */
.news .news-list li{height: 88px;line-height: 88px;border-bottom: 1px solid #e1e1e1;overflow: hidden;}
.news .news-list li:first-child{border-top: 1px solid #e1e1e1;}
.news .news-list .time{width: 80px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;top:0;right: 0;opacity: 1;}
.news .news-list .text{width: -webkit-calc(100% - 80px);width: calc(100% - 80px);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.news .news-list i{font-size: 16px;color: #042f64;position: absolute;right: -100px;top: 0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity: 0;}
.news .news-list li:hover .time{right: -100px;opacity: 0;}
.news .news-list li:hover .text{padding-left: 40px;color: #042f64;}
.news .news-list li:hover i{right: 40px;opacity: 1;}
.news .more-news{margin-left: auto;margin-right: auto;}
/* .news .news-slide .pagination {position: absolute;right:0;z-index: 30;bottom: 35px;width: 100%;text-align: right;padding: 0 25px;}
.news .news-slide .swiper-pagination-switch {display: inline-block;width: 12px;height: 12px;border-radius: 50%;background: none;margin: 0 5px;opacity: 1;border: none;cursor: pointer;border: 1px solid #042f64;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.news .news-slide .swiper-active-switch {background: #042f64;}
 */
/* agenda */
.agenda{width: 100%;background-image: url(../static/images/index-schedule-bg.jpg);background-size: auto 750px;background-position: top center;}
.agenda .my-layout{padding-bottom: 0;}
.agenda .my-layout{padding: 140px 50px 0;}
.agenda .my-layout .text-wrap{max-width: 600px;margin: 0 auto;text-align: justify;line-height: 2;}
.agenda .my-layout .text-wrap a{margin: 50px auto 0;}
.agenda .my-layout .list-wrap li{padding:0 20px;}
.agenda .my-layout .list-wrap li .content{background-color: #fff;border-radius: 6px;padding: 50px 30px 40px;}
.agenda .my-layout .list-wrap li .icon{width: 100%;height: 110px;background-size: auto 100px;background-position: center top;}
.agenda .my-layout .list-wrap li:first-child .icon{background-image: url(../static/images/index-schedule-icon1.png);}
.agenda .my-layout .list-wrap li:nth-child(2) .icon{background-image: url(../static/images/index-schedule-icon2.png);}
.agenda .my-layout .list-wrap li:nth-child(3) .icon{background-image: url(../static/images/index-schedule-icon3.png);}
.agenda .my-layout .list-wrap li:nth-child(4) .icon{background-image: url(../static/images/index-schedule-icon4.png);}
.agenda .my-layout .list-wrap li .line{width: 50px;height: 1px;background-color: #dddddd;margin: 0 auto;}
.agenda .my-layout .list-wrap li .text{text-align: justify;-moz-text-align-last: center;text-align-last: center;line-height: 1.7;}

/* team */
.team{padding: 0 0 100px;}
.team .my-layout{padding-top: 0;}
.team #teamSlide .swiper-wrapper{height: auto!important;}
.team #teamSlide .swiper-slide{padding: 40px 20px 30px;-webkit-box-sizing: border-box;box-sizing: border-box;height: auto!important;}
.team #teamSlide .swiper-slide a{background-color: #fff;border-radius: 6px;padding: 50px 40px 55px;position: relative;overflow: hidden;}
.team #teamSlide .swiper-slide a::after{content: '';width:300px;height: 600px;background-color: #F4822F;background-image: -o-linear-gradient(100deg,#ef5a24,#f9ae3b);background-image: linear-gradient(-10deg,#ef5a24,#f9ae3b);position: absolute;left: 80px;top: -320px;-webkit-transform: rotate(75deg);-ms-transform: rotate(75deg);transform: rotate(75deg);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.team #teamSlide .swiper-slide a:hover::after{transform: scale(3) rotate(75deg);}
.team #teamSlide .swiper-slide a h5{position: relative;z-index: 1;}
.team #teamSlide .swiper-slide a p{position: relative;z-index: 1;}
.team #teamSlide .swiper-slide a:hover h5{color: #fff;}
.team #teamSlide .swiper-slide a:hover p{color: #fff;}
.team .team-list .swiper-slide a:hover{background-color: #F4822F;background-image: linear-gradient(90deg,#ef5a24,#f9ae3b);background-image: -o-linear-gradient(100deg,#ef5a24,#f9ae3b);}
.team .team-list .swiper-slide a:hover h5{color: #fff;}
.team .team-list .swiper-slide a:hover p{color: #fff;}
.team a .avatar{width: 85%;border: 6px solid #fff;border-radius: 50%;margin: 0 auto;position: relative;z-index: 1;overflow: hidden;}
.team a .avatar img{width: 100%;}
.team #teamSlide .swiper-slide a p{height: 42px;overflow: hidden;}
.team .team-list .swiper-slide{padding:  40px 20px 30px;}
.team .team-list .swiper-slide a{padding: 30px 25px;border-radius: 6px;background-color: #fff;overflow: hidden;position: relative;}
.team .team-list .swiper-slide a .avatar{border-width: 3px;width: 70%;}
.team .team-list .swiper-slide a .text{height: 36px;overflow: hidden;}
.team .team-list .swiper-slide,.team .team-list .swiper-wrapper{height: auto!important;box-sizing: border-box;}
.team #teamList2 .swiper-slide{padding: 0 20px 20px;}
.team .progress {padding:0 20px;}
.team .progress .fl{width: -webkit-calc(100% - 150px);width: calc(100% - 150px);}
.team .progress .fr .layui-btn{width: 50px;height: 50px;border: 1px solid #e1e1e1;background: none;border-radius: 50%;color: #e1e1e1;font-size: 18px;margin-top: 7px;}
.team .progress .fr .layui-btn:hover{background-color: #F4822F;background-image: linear-gradient(180deg,#ef5a24,#f9ae3b);background-image: -o-linear-gradient(180deg,#ef5a24,#f9ae3b);border-color: #ef5a24;color: #fff;}
.team .progress .layui-progress{height: 1px;}
.team .progress .layui-progress-bar{height: 3px;top: -1px;background-color: #ef5a24;}
.team .btn-wrap {text-align: center;}

/* ad1 */
.ad1 img{width: 100%;max-width: none;}

/* exhibitors */
.exhibitors{padding: 100px 0;}
.main-title1 strong{position: relative;}
.main-title1 strong:before{content: '';width: 63px;height: 7px;background: url(../static/images/index-exhibitor-title.png) no-repeat center center;position: absolute;left: -80px;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.main-title1 strong:after{content: '';width: 63px;height: 7px;background: url(../static/images/index-exhibitor-title.png) no-repeat center center;position: absolute;right: -80px;top: 50%;-webkit-transform: translate(0,-50%) rotate(180deg);-ms-transform: translate(0,-50%) rotate(180deg);transform: translate(0,-50%) rotate(180deg);}
.exhibitors .title strong{display: inline-block;line-height: 54px;padding: 0 50px;border: 1px solid #e1e1e1;border-radius: 27px;position: relative;}
.exhibitors .title strong:before{content: '';width: 6px;height:6px;background: #ef5a24;position: absolute;left: 25px;top: 50%;-webkit-transform: translate(0,-50%) rotate(45deg);-ms-transform: translate(0,-50%) rotate(45deg);transform: translate(0,-50%) rotate(45deg);}
.exhibitors .title strong:after{content: '';width: 6px;height:6px;background: #ef5a24;position: absolute;right: 25px;top: 50%;-webkit-transform: translate(0,-50%) rotate(45deg);-ms-transform: translate(0,-50%) rotate(45deg);transform: translate(0,-50%) rotate(45deg);}
/*.exhibitors .list {margin-left: -20px;margin-right: -20px;}*/
.exhibitors .list li{padding: 0 20px;margin-top: 20px;}
.exhibitors .list li:nth-child(-n+3){margin-top:0;}
.exhibitors .list li .content{width: 100%;padding: 25px;border-radius:6px;text-align: center;}
.exhibitors .extreme .list li .content{padding: 20px 30px;}
.exhibitors .extreme .list li .content .logo-wrap{padding: 20px 0; border: none;}
.exhibitors .list li .content .logo-wrap{
	position: relative;
	width: 100%;
	height:70px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.exhibitors .list li .content .logo-wrap img{
	max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.exhibitors .extreme .list li .content .text-wrap{padding-top: 20px; display: none;}
.exhibitors .list li.layui-col-md2-4{width: 20%;}
.exhibitors .list .layui-col-md2-4{width: 20%;}
.exhibitors .partner .list li .content{border: none;
	/* -webkit-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
-ms-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
-o-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1); 
box-shadow: 0 0 8px 5px rgba(0,0,0,0.1); */
}
.exhibitors .layui-btn {margin-left: auto;margin-right: auto;}
.exhibitors .patent .list li {width: 12.5%;padding: 10px;} 
.exhibitors .patent .list li .content{padding: 10px;}
.exhibitors .center-list { text-align: center; }
.exhibitors .center-list > a { display: inline-block; float: none; margin: 10px -5px; }

/* atlas */
.atlas{padding: 0 0 100px;}
.atlas .swiper-wrapper,.atlas .swiper-wrapper .swiper-slide{height: auto!important;position: relative;}
.atlas .swiper-wrapper .swiper-slide .content{-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9);}
.atlas .swiper-wrapper .swiper-slide img{width: 100%;max-width: none;}
.atlas .swiper-wrapper .swiper-slide .pic{position: relative;}
.atlas .swiper-wrapper .swiper-slide .imgShow{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.atlas .swiper-wrapper .swiper-slide .imgShow figure{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.atlas .swiper-wrapper .swiper-slide .imgShow figure:first-child{z-index: 1;display: block;}
.atlas .swiper-wrapper .swiper-slide .content .text{line-height: 60px;border: 1px solid #e1e1e1;border-top: none;font-weight: bold;color: #333;background-color: #fff;}
/* .atlas .swiper-wrapper .swiper-slide-active .content{-webkit-transform: scale(.96);-ms-transform: scale(.96);transform: scale(.96);} */
/* .atlas .swiper-wrapper .swiper-slide-active .content .text{font-weight: bold;color: #333;background-color: #fff;} */
/* .atlas .swiper-wrapper .swiper-slide-active:after{content:'';width: 100%;height: 100%;background-image: -o-linear-gradient(135deg,#000781, #23b7cb);background-image: linear-gradient(-45deg,#000781, #23b7cb);position: absolute;left: 0;top: 0;z-index: -1;} */
.atlas .banner-btn {border-color: #d0d0d0;color: #d0d0d0;cursor: pointer;}
.atlas .banner-btn:hover{background-color: #F4822F;background-image: linear-gradient(180deg,#ef5a24,#f9ae3b);background-image: -o-linear-gradient(180deg,#ef5a24,#f9ae3b);color: #fff;opacity: 1;border-color: #F4822F;}
.atlas .banner-prev {left: -50px;}
.atlas .banner-next {right: -50px;}

.common-right-slide{display: none;}

@media screen and (max-width: 1280px){
	.exhibitors .list {margin-left: -15px;margin-right: -15px;}
	.exhibitors .list li{margin-bottom: 20px;padding: 0 15px;}
	.exhibitors .list li .content{padding: 25px;}
	.exhibitors .partner .list li .content{padding: 25px;}
	.exhibitors .layui-btn {margin: 30px auto 0!important;}
	.exhibitors .patent .list li .content{padding: 25px 10px;}
	.news .num-wrap li:first-child{width: 110px;}
	.news .num-wrap li:nth-child(2){width: 130px;}
	.news .num-wrap li:nth-child(3){width: 100px;}
	.atlas .swiper-wrapper .swiper-slide .content .text{line-height: 50px;}
	.agenda{background-size: auto 600px;}
	.news .pic-wrap{height: 360px;}
	#banner .content h3 img{height: 36px;vertical-align: -6px;}
}
@media screen and (max-width: 1200px){
	.agenda .my-layout .list-wrap li{padding:15px;}
	.team #teamSlide .swiper-slide{padding: 20px 20px 30px;}
	.team .team-list .swiper-slide{padding:  20px 20px 30px;}
	.news .pic-wrap{height: 320px;}
}
@media screen and (max-width: 991px){
	.exhibitors{padding: 50px 0;}
	.exhibitors .list li{margin-bottom: 20px;}
	.exhibitors .list li.layui-col-md2-4{width: 50%;}
	.exhibitors .list .layui-col-md2-4{width: 50%;}
	.exhibitors .list li.layui-col-md2-4:last-child{clear: both;margin: 0 auto 20px;float: none;}
	.exhibitors .list .layui-col-md2-4:last-child{clear: both;margin: 0 auto 20px;float: none;}
	.exhibitors .partner .list li {margin: 0;}
	.exhibitors .partner .list li .content{padding: 15px 25px;}
	.exhibitors .patent .list li{width: 25%;padding: 0;}
	.exhibitors .patent .list li .content{padding: 10px 5px;}
	.exhibitors .geography {margin-top: 30px;}
	.news{padding: 50px 0;}
	.news .top-message{text-align: center;}
	.news .num-wrap{margin-top: 30px;}
	.agenda .my-layout{padding: 50px 50px 0;}
	.team{padding: 0 0 50px;}
	.news .num-wrap li{width: 20%!important;margin: 0!important;float: left;}
	.team .team-list a::after{display: none;}
	.team #teamSlide .swiper-slide a::after{display: none;}
	.agenda{background-position: -50px top;}
	.news .num-wrap .add h4 strong::after,.news .num-wrap .add.addfrist h4 strong::after{ font-size: 18px; }
	/*.news .num-wrap .add h4 strong::after{display: none;}*/
	/*.news .num-wrap .add h4 span{display: inline-block;}*/
	.team .team-list a:hover{background: none;}
	.team .team-list a:hover h5{color: #333;}
	.team .team-list a:hover p{color: #333;}
	.team #teamSlide .swiper-slide a:hover h5{color: #333;}
	.team #teamSlide .swiper-slide a:hover p{color: #333;}
	.news .pic-wrap{height: 440px;}
}

@media screen and (max-width: 767px){
	#banner .content{padding: 0 15px;}
	#banner .btn-wrap a{margin: 10px 5px;}
	#banner .btn-wrap a img{height: 50px;}
	#banner .banner-btn {display: none;}
	#banner .hot-news{padding: 0;}
	#banner #hotNews{width: 100%;}
	#banner .pagination{text-align: center;bottom: 70px;}
	.news {background-size: 200%;}
	.news .num-wrap li{width: 50%!important;margin-left: 0!important;float: left;}
	.news .num-wrap li:last-child{width: 100%!important;}
	.news .news-list li{height: 60px;line-height: 60px;}
	.agenda .my-layout .list-wrap li{padding: 10px;}
	.team #teamSlide .swiper-slide{padding: 10px 10px 20px;}
	.team #teamList2 .swiper-slide{padding: 10px;}
	.team #teamSlide .swiper-slide a{padding: 15px;}
	.team #teamSlide .swiper-slide a::after{display: none;}
	.team .team-list .swiper-slide{padding: 10px;}
	.team .team-list .swiper-slide a{padding: 10px;}
	.layui-btn.layui-btn{margin-left: 0;}
	.exhibitors{padding-bottom: 20px;}
	.exhibitors .list {margin-left: -5px;margin-right: -5px;}
	.exhibitors .list li{padding:0 5px;}
	.exhibitors .list li{margin-bottom: 10px;}
	.exhibitors .list li .content .logo-wrap img{height: 25px;}
	.team a .avatar{border-width: 3px;}
	.team .team-list li a .avatar{border-width: 2px;}
	.atlas{padding: 50px 0;}
	.atlas .swiper-wrapper .swiper-slide .content{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	.team .btn-wrap .layui-btn{display: block;margin: 0 auto;}
	.team .btn-wrap .layui-btn.layui-btn-default{margin: 10px auto;}
	.agenda{background-position: -350px top;}
	.news .news-slide .pagination{display: none;}
	.news .news-slide .text-wrap .time{font-size: 18px;line-height: 48px;width: 70px;padding: 0;}
	.news .news-slide .text-wrap .text{width: calc(100% - 70px);padding-left: 20px;margin: 0;}
	.team #teamSlide .swiper-slide a p{height: 36px;}
	.news .pic-wrap{height: 240px;}
}